﻿<%@ page language="C#" autoeventwireup="true" inherits="wenjuan, App_Web_whes5evj" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width"
        name="viewport" />
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link type="text/css" href="CSS/index.css" rel="stylesheet" />
    <title>问卷调查</title>
</head>
<body>
    <form id="form1" runat="server">
    <div class="header">
        <%--<div class="logo">
        </div>--%>
        <p>
            欢迎您参加雙妹微信上线有奖问卷活动，截止2014年2月28日，您可以提交本问卷，帮助雙妹提升微信服务，雙妹将每周抽取三位获得夜上海香氛小礼盒，次月统一公布。温馨提示：请完整填写个人资料，以便我们将礼品快递给你。</p>
    </div>
    <div class="content">
        <div class="title">
            1.您的注册或绑定过程是否流畅</div>
        <div class="checkbox" id="checklab1">
            <p class="checkpp">
                <label runat="server" id="l11">
                    <input runat="server" id="Q1O1" name="a" type="radio" value="非常流畅" class="dropdown-checkbox" />非常流畅
                   <%-- <asp:RadioButton ID="RadioButton1" Text="非常流畅" class="dropdown-checkbox" GroupName="dropdown-checkbox" runat="server" />--%>
                </label>
            </p>
            <p class="checkpp">
                <label runat="server" id="l12">
                    <input runat="server" id="Q1O2" name="a"  type="radio" value="比较流畅" class="dropdown-checkbox" />
                    比较流畅</label></p>
            <p class="checkpp">
                <label runat="server" id="l13">
                    <input runat="server" id="Q1O3" name="a" type="radio" value="一般" class="dropdown-checkbox" />
                    一般</label></p>
            <p>
                <label runat="server" id="l14">
                    <input runat="server" id="Q1O4" name="a" type="radio" value="不流畅" class="dropdown-checkbox" />
                    不流畅</label></p>
        </div>
        <div class="title">
            2.会员活动是否展示清晰？</div>
        <div class="checkbox" id="checklab2">
            <p class="checkpp">
                <label runat="server" id="l21">
                    <input runat="server" id="Q2O1" name="b" type="radio" value="非常清晰" class="dropdown-checkbox" />
                    非常清晰</label></p>
            <p class="checkpp">
                <label runat="server" id="l22">
                    <input runat="server" id="Q2O2" name="b" type="radio" value="比较清晰" class="dropdown-checkbox" />
                    比较清晰</label></p>
            <p class="checkpp">
                <label runat="server" id="l23">
                    <input runat="server" id="Q2O3" name="b" type="radio" value="一般" class="dropdown-checkbox" />
                    一般</label></p>
            <p>
                <label runat="server" id="l24">
                    <input runat="server" id="Q2O4" name="b" type="radio" value="不清晰" class="dropdown-checkbox" />
                    不清晰</label></p>
        </div>
        <div class="title">
            3.明星产品、当季推荐是否对您有帮助？</div>
        <div class="checkbox" id="checklab3">
            <p class="checkpp">
                <label runat="server" id="l31">
                    <input runat="server" id="Q3O1" name="c" type="radio" value="非常有帮助" class="dropdown-checkbox" />
                    非常有帮助</label></p>
            <p class="checkpp">
                <label runat="server" id="l32">
                    <input runat="server" id="Q3O2" name="c" type="radio" value="比较有帮助" class="dropdown-checkbox" />
                    比较有帮助</label></p>
            <p class="checkpp">
                <label runat="server" id="l33">
                    <input runat="server" id="Q3O3" name="c" type="radio" value="一般" class="dropdown-checkbox" />
                    一般</label></p>
            <p>
                <label runat="server" id="l34">
                    <input runat="server" id="Q3O4" name="c" type="radio" value="没有帮助" class="dropdown-checkbox" />
                    没有帮助</label></p>
        </div>
        <div class="title">
            4.官网商城的展示功能是否符合您的浏览习惯？</div>
        <div class="checkbox" id="checklab4">
            <p class="checkpp">
                <label runat="server" id="l41">
                    <input runat="server" id="Q4O1" name="d" type="radio" value="符合" class="dropdown-checkbox" />
                    符合</label></p>
            <p class="checkpp">
                <label runat="server" id="l42">
                    <input runat="server" id="Q4O2" name="d" type="radio" value="比较符合" class="dropdown-checkbox" />
                    比较符合</label></p>
            <p class="checkpp">
                <label runat="server" id="l43">
                    <input runat="server" id="Q4O3" name="d" type="radio" value="一般" class="dropdown-checkbox" />
                    一般</label></p>
            <p>
                <label runat="server" id="l44">
                    <input runat="server" id="Q4O4" name="d" type="radio" value="不符合" class="dropdown-checkbox" />
                    不符合</label></p>
        </div>
        <div class="title">
            5.您是否愿意查看雙妹护肤或搭配信息？</div>
        <div class="checkbox" id="checklab5">
            <p class="checkpp">
                <label runat="server" id="l51">
                    <input runat="server" id="Q5O1" name="e" type="radio" value="愿意" class="dropdown-checkbox" />
                    愿意</label></p>
            <p class="checkpp">
                <label runat="server" id="l52">
                    <input runat="server" id="Q5O2" name="e" type="radio" value="看情况" class="dropdown-checkbox" />
                    看情况</label></p>
            <p>
                <label runat="server" id="l53">
                    <input runat="server" id="Q5O3" name="e" type="radio" value="不愿意" class="dropdown-checkbox" />
                    不愿意</label></p>
        </div>
        <div class="title">
            6.您是否愿意持续关注雙妹微信？</div>
        <div class="checkbox" id="checklab6">
            <p class="checkpp">
                <label runat="server" id="l61">
                    <input runat="server" id="Q6O1" name="f" type="radio" value="愿意" class="dropdown-checkbox" />
                    愿意</label></p>
            <p class="checkpp">
                <label runat="server" id="l62">
                    <input runat="server" id="Q6O2" name="f" type="radio" value="看情况" class="dropdown-checkbox" />
                    看情况</label></p>
            <p>
                <label runat="server" id="l63">
                    <input runat="server" id="Q6O3" name="f" type="radio" value="不愿意" class="dropdown-checkbox" />
                    不愿意</label></p>
        </div>
        <div class="title">
            7.您还希望雙妹微信可以提供什么服务？</div>
        <div class="inputbox" id="smdiv7">
            <input name="" type="text" id="advice7" runat="server" />
        </div>
        <div class="title">
            8.您还可以告诉我们您对于雙妹微信的任何想法。</div>
        <div class="inputbox" id="smdiv8">
            <input name="" type="text" id="advice8" runat="server" />
        </div>
        <%-- <asp:Label ID="Label7" runat="server" Text="Label"  ForeColor="DeepPink"   Visible="false"></asp:Label>--%>
         <div class="btn"  id="confirm" onclick="check2()">确认提交</div>
        <asp:Button ID="wenjuan_sub" class="btn"   style="display:none;"  Font-Bold="true" Font-Size="20px" runat="server"
            OnClick="wenjuan_sub_Click" Width="100%" Text="确认提交" />
        <div style="text-align:center;">
            <asp:Label ID="Label1" runat="server" ForeColor="Red"></asp:Label>
        </div>
    </div>
    </form> 
</body>
</html>
<script type="text/javascript">
    function check2() {
        if (a(1) && a(2) && a(3) && a(4) && a(5) && a(6)) {

            document.getElementById("wenjuan_sub").click();
//            confirm("问卷回答完毕，谢谢");
           
//            alert("问卷回答完毕，谢谢");
        }
    }

    function a(id) {
        var option = document.getElementById('checklab' + id).getElementsByTagName('label');
        var i = 0;
        while (i < option.length) {
            if (option[i].children[0].checked) {
                return true;
            }
            else {
                i++;
                if (i >= option.length) {

                    alert("请选择第"+id+"题");
                    return false;
                }
            }
        
        }
    }
    

    function b(id) {
             var option = document.getElementById('smdiv' + id).getElementsByTagName('input');
            var i = 0;
            while (i < option.length) {
                if (option[i].value.length>0) {
                    return true;
                }
                else {
                        alert("请选择第" + id + "题");
                        return false;
                    }
                    i++;
                }
            }
    

    function checklab(id) {
        var olable = document.getElementById('checklab' + id).getElementsByTagName('label');
//        var ra = document.getElementById('checklab' + id).getElementsByTagName('input');
        for (var i = 0; i < olable.length; i++) {


            olable[i].index = i;
            olable[i].onclick = function () {
                for (var i = 0; i < olable.length; i++) {
                    olable[i].children[0].className = 'dropdown-checkbox';
//                    olable[i].children[0].Checked = false;
//                    ra[i].children[0].checked = false;

                }
                //                var i = olable[this.index].innerText;
             
                olable[this.index].children[0].className = 'dropdown-checkbox checkboxcur';
//                olable[this.index].children[0].Checked = true;
//                ra[this.index].children[0].checked = true;

//                                if (olable[this.index].children[0].checked) {
//                                    alert(olable[this.index].innerText);
//                                                    }

             

            }
        }

    }
    checklab(1);
    checklab(2);
    checklab(3);
    checklab(4);
    checklab(5);
    checklab(6);
</script>
